@charset "utf-8";
.W_1200 {width: 100%;margin: 0 auto;position: relative;}
.Mid3-tl2 .tlbt{width: 100%;height: 38px;line-height: 38px;}
.Mid3-tl2 .tlbt p{font-size: 20px;color: #333;font-weight: bold;display: block;float: left;}
.Mid3-tl2 .tlbt .mor{font-size: 12px;color: #9eb1ca;}
.Mid3-tl2 .tlbt .mor:hover{color: #2d72eb;}
.Mid3-tl2 .tlbt .bq{margin-right: 40px;}
.Mid3-tl2 .tlbt .bq li{display: block;float: left;font-size: 14px;margin: 0 8px;}
.Mid3-tl2 .tlbt .bq li a{color: #666;}
.Mid3-tl2 .tlbt .bq li a:hover{color: #2d72eb;}
.Mid3-tl2 .tlbt + div{width: 110%;overflow: hidden;margin: 10px auto;}
.Mid3-tl2 .tlbt + div ul>li{display: block;float: left;width: 110px;height: 160px;margin: 10px 60px 0 0;}
.Mid3-tl2 .tlbt + div ul>li a.img{display: block;width: 110px;height: 110px;overflow: hidden;border-radius: 18px;}
.Mid3-tl2 .tlbt + div ul>li a.img img{width: 110px;height: 110px;border-radius: 18px;}
.Mid3-tl2 .tlbt + div ul>li a.name p{font-size: 14px;color: #333;text-align: center;width: 100%;height: 40px;line-height: 40px;overflow: hidden;margin-top: 5px;}
.Mid3-tl2 .tlbt + div ul>li a.img:hover img{opacity: 0.8;}
.Mid3-tl2 .tlbt + div ul>li a.name p:hover{color: #2d72eb;}

.Mid3-tl3 .tlbt{width: 100%;height: 38px;line-height: 38px;}
.Mid3-tl3 .tlbt p{font-size: 20px;color: #333;font-weight: bold;display: block;float: left;}
.Mid3-tl3 .tlbt .mor{font-size: 12px;color: #9eb1ca;}
.Mid3-tl3 .tlbt .mor:hover{color: #2d72eb;}
.Mid3-tl3 .tlbt .bq{margin-right: 40px;}

.game-hj{height: auto;margin: 20px auto;overflow: hidden;width: 100%;}
.game-hj ul{width: 1400px;height:  auto;}
.game-hj ul li{border-radius: 10px;display: block;float: left;width: 242px;height: 130px;margin: 0 24px 20px 0;position: relative;overflow: hidden;}
.game-hj ul li img{border-radius: 10px;width: 242px;height: 130px;}
.game-hj ul li p{line-height: 26px;position: absolute;width: 242px;height: 26px;left: 0;bottom: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 14px;transition: all .1s linear;-webkit-transition: all .1s linear;}
.game-hj ul li:hover p{background: #00BCD4;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C816debd,endColorstr=#C816debd);}
.game-hj ul li:hover{-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.3);-moz-box-shadow: 0 8px 20px rgba(0,0,0,0.3);box-shadow: 0 8px 20px rgba(0,0,0,0.3);}
.gg_tab{width: 1306px;height:144px;background:#fff;overflow:hidden;margin: 10px auto;}
.tab_title{ width:120px; height:100%; float:left;}
.tab_title ul li{ width:118px; height:47px; line-height:47px; border:1px solid #f5f5f5; border-top:0; position:relative; color:#333; font-size:16px; text-align:center; cursor:pointer;}
.tab_title ul li span{display:inline-block;position:absolute;width: 10px;height: 10px;right: -6px;top:17px;transform: rotate(45deg);background: #f55555;display:none;}
.tab_title ul li.last{ background:#f55555; border-color:#f55555; color:#fff;}
.tab_title ul li.last span{ display:block;}

.tab_list{width: 1185px;height:100%;float:left;}
.tab{ height:100%; overflow:hidden;}
.tab ul li{ width:80px; height:126px; overflow:hidden; margin: 18px 0 0 20px; float:left; position:relative; display:inline;}
.tab ul li+li{margin-left: 40px;}
.tab ul li a{ display:block; width:80px; height:100%;}
.tab ul li img{ width:80px; height:80px;}
.tab ul li em{ display:block; height:32px; line-height:32px; text-align:center; color:#666; font-size:14px; overflow:hidden; margin-top:2px;}

.tab_2  ul li{ width:160px; height:126px; overflow:hidden; margin: 18px 0 0 20px; float:left; position:relative; display:inline;}
.tab_2  ul li+li{margin-left: 15px;}
.tab_2  ul li a{ display:block; width:160px; height:100%;}
.tab_2  ul li img{ width:160px; height:80px;}
.tab_2  ul li em{width:160px; display:block; height:32px; line-height:32px; text-align:center; color:#666; font-size:14px; overflow:hidden; margin-top:2px;}
body{background: #fff;}
.W_1300{width: 1306px;margin: 0 auto;position: relative;}
.QZ-top{width: 100%;height: 35px;background: #eee;line-height: 35px;font-size: 12px;color: #333;position: relative;z-index: 1;}
.QZ-top .topL a{display: block;padding: 0 17px;height: 35px;position: relative;color: #999;font-size: 12px;}
.fix { *zoom: 1; }
.fix:after { display: table; content: ''; }
.fix:after, .fix:before { clear: both; }
.header {height: 101px;}
.header .newlogo { float: left; margin-top: 18px; }
.header .logo-link {display: block;width: 280px;height: 70px;text-indent: -9999em;background: url(../images/155_logo.png) no-repeat;background-size: 100% 100%;}
.navbar {background: #2A5ABE;height: 50px;line-height: 50px;}
.navbar .nav-item {/* width: 133px; */padding: 0 10px;font-size: 16px;text-align: center;float: left;color: #fff;}
.navbar .nav-item:hover{background:#294c88;background:rgba(0,0,0,.3);}


/*<!--首页top_mainBody_left-->*/
.mainBody{overflow:hidden;margin:10px 0}
.main-box{position:relative;float:left;width:460px;margin-right:30px}
.imgshow{width:460px;height:384px;overflow:hidden;position:relative;margin-bottom:10px}
.imgshow ul{height:384px;position:absolute}
.imgshow ul li{float:left;width:460px;height:384px;overflow:hidden;position:relative}
.imgshow li img{width:460px;height:384px}
.imgshow .btn{position:absolute;width:505px;height:8px;line-height:8px;left:0;bottom:0}
.imgshow .btn span{display:inline-block;width:100px;height:8px;border-right:1px solid #a2a2a2;cursor:pointer;background:#373737}
.imgshow .btn span.on{background:#47b751}
.imgshow .preNext{display:none}
.imgshow li s,.imgshow li strong{display:block;position:absolute;left:0;bottom:0}
.imgshow li s{width:100%;height:60px;line-height:60px;overflow:hidden;background:#000;opacity:.6}
.imgshow li strong{bottom:20px;left:10px;height:24px;line-height:24px;overflow:hidden;font-size:16px;color:#fff;z-index:1}
.rebox{width:100%;overflow:hidden}
.rebox dt{width:100%;height:42px;line-height:42px;font-size:18px;font-weight:800;border-bottom:1px solid #ddd}
.rebox dd p{width:220px;float:left;margin:18px 20px 0 0}
.rebox dd p:nth-child(2n){margin-right:0}
.rebox dd p img{float:left;width:70px;height:70px;border:1px solid #eee;border-radius:16px;box-sizing:border-box;margin-right:12px;transition:transform .5s}
.rebox dd p:hover img{transform:rotateY(180deg);transition:transform .5s}
.rebox dd span{width:136px;float:left;overflow:hidden}
.rebox dd span a{display:block;width:158px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rebox dd span i{display:block;color:#999;height:24px;line-height:32px;overflow:hidden;font-size:12px;font-style:normal}
.rebox dd span i a{display:inline;width:auto;font-size:12px;white-space:normal;color:#999}
.rebox dd span i a:hover{color:#fd3939}
#read-hot dt span{width:70px;display:inline-block;text-align:center;cursor:pointer}


/*<!--首页top_mainBody_left结束-->*/
/*<!--首页top_mainBodyy_Middle-->*/
.CReCenter{position:relative;float:left;width:525px;height:790px;margin-right:30px;overflow:hidden}
.CReCenter .CRH1Title{height:30px;line-height:30px;font-size:20px;color:#f44334;text-align:center;margin:0 10px 6px 10px;font-weight:700;overflow:hidden}
.CReCenter .CRH1Title a{color:#f44334}
.CReCenter p.CRTopSoft{text-align:center;line-height:22px;height:22px;overflow:hidden;margin-bottom:10px}
.CReCenter p.CRTopSoft a{margin:0 5px}
.CReCenter .CRCSoft{width:525px;height:450px}
.CReCenter .CRCSoft .CRCSTitle{border-bottom:2px solid #2681cf;position:relative;height:50px;line-height:50px;font-size:18px}
.CReCenter .CRCSoft .CRCSTitle a{padding-left:25px}
.CReCenter .CRCSoft .CRCSTitle a span{color:#e3e3e3;margin-left:28px}
.tab-item{display:block;text-align:center;float:left;position:relative}
.cur{color:#2681cf}
.tab-item.cur .bot-arrow{display:block}
.tab-item .bot-arrow{position:absolute;background:url(../images/cssimg.png) no-repeat -160px -67px;width:12px;height:7px;display:none;z-index:1000;left:50%;margin-left:-6px;top:50px}
.CReCenter .CRCSoft .CRCSList ul{padding:8px 0 10px 0}
.CReCenter .CRCSoft .CRCSList ul li{width:100%;overflow:hidden;line-height:42px;font-size: 14px;}
.CReCenter .CRCSoft .CRCSList ul li a{width:359px;white-space:nowrap;overflow:hidden;display:block;float:left;text-overflow:ellipsis}
.CReCenter .CRCSoft .CRCSList ul li .cname{display:inline;width:90px;height:17px;line-height:17px;box-sizing:border-box;margin:11px 13px 0 0;padding:0 4px 0 0;text-align:right;border-right:1px solid #ddd;overflow:hidden;color:#999}
.CReCenter .CRCSoft .CRCSList ul li .cname:hover{color:#2681cf}
.CReCenter .CRCSoft .CRCSList ul li time{width:46px;text-align:center;color:#fe3432;display:block;float:right}
.CRCSULTitle{width:410px;white-space:nowrap;overflow:hidden}
.CReCenter .CRCSoft .CRCSList ul li a img{display:inline-block;margin-right:10px;vertical-align:middle;width:26px;height:26px;border-radius:4px;border:1px}
.CReCenter .CRCSoft .CRCSList ul li.UlBorder{height:6px;border-bottom:1px dashed #eee;margin-bottom:4px;clear:both}
.tab-cont-item{display:none}


/*<!--首页top_mainBody_Middle结束-->*/
/*<!--首页top_mainBody_right-->*/
.CReRight{float:right;width:260px;height:790px;margin-right:0;margin-top:0;overflow:hidden}
.CReRight .CRRHotGame{width:100%;overflow:hidden}
.CReRight .CRRHotGame ul li{width:86px;text-align:center;float:right;margin-bottom:6px;overflow:hidden;white-space:normal;height:110px}
.CReRight .CRRHotGame ul li span{position:relative;display:block;text-align:center;width:65px;height:26px;line-height:26px;margin:0 6px;overflow:hidden;font-size: 14px;}
.CReRight .CRRHotGame ul li a img{width:65px;height:65px;border-radius:16px;transition:transform .5s}
.CReRight .CRRHotGame ul li:hover a img{transform:rotateY(180deg);transition:transform .5s}

/*新增资讯版块*/
.CRArticle{width:100%;overflow:hidden;margin-top:10px;border-top:1px dashed #eee;padding-top:8px}
.CRArticle ul.CRAList{width:100%;overflow:hidden}
.CRArticle ul.CRAList li{width:100%;overflow:hidden;line-height:36px}
.CRArticle ul.CRAList li a{width:380px;white-space:nowrap;overflow:hidden;display:block;float:left;text-overflow:ellipsis}
.CRArticle ul.CRAList li a:hover{color:#ff2d22}
.CRArticle ul.CRAList li .cnaTab{width:70px;height:26px;font-size:14px;color:#fff;text-align:center;line-height:26px;border-radius:6px;margin-top:5px;font-style:normal;display:inline-block;vertical-align:bottom;background:#eaeaea;margin-right:12px}
.CRArticle ul.CRAList li .rz{background:linear-gradient(39deg,#f73068 0,#fa4c4c 100%)}
.CRArticle ul.CRAList li .yz{background-image:linear-gradient(39deg,#f74830 0,#fa7d4c 100%)}
.CRArticle ul.CRAList li .yg{background-image:linear-gradient(39deg,#f7a530 0,#facd4d 100%)}
.CRArticle ul.CRAList li .rj{background-image:linear-gradient(39deg,#30aff7 0,#4cf4fa 100%)}
.CRArticle ul.CRAList li .cnaTab:hover{filter:opacity(.8);color:#fff}
.CRArticle ul.CRAList li time{width:46px;text-align:center;color:#fe3432;display:block;float:right}
.CReRight .CRTitle{position:relative;height:42px;line-height:42px;font-size:18px;font-weight:800;border-bottom:1px solid #ddd;margin-bottom:14px}
.CReRight .CRTitle span{position:absolute;top:0;right:0;line-height:42px;text-align:right;font-size:14px;font-weight:400}
.CRTitle a{color:#888}
/*手游Top榜*/
.role_box{width:260px;background:url(../images/xyb_bg.png) no-repeat left top;height:366px;position:relative;overflow:hidden}
.role_box .role_tabs{position:absolute;height:36px;top:84px;width:162px;left:72%;z-index:999;margin-left:-100px}
.role_box .role_tabs ul li{width:48px;height:36px;float:left;margin:0 3px;background:url(../images/xyb.png) no-repeat;cursor:pointer;overflow:hidden}
.role_box .role_tabs ul li.one{background-position:-15px -112px;margin-top:-9px}
.role_box .role_tabs ul li.two{background-position:-65px -116px;margin-top:-5px}
.role_box .role_tabs ul li.three{background-position:-115px -119px;margin-top:-1px}
.role_box .role_tabs ul li.one.on{background-position:-171px -121px;margin-top:-10px}
.role_box .role_tabs ul li.two.on{background-position:-226px -126px}
.role_box .role_tabs ul li.three.on{background-position:-280px -129px;margin-top:-1px}
.xyb_nr{position:relative;padding-top:138px;overflow:hidden}
.xyb_nr .pic{width:120px;height:120px;margin:0 0 0 67px;position:relative;overflow:hidden;z-index:88}
.xyb_nr i{display:inline-block;position:absolute;width:50px;height:50px;background:url(../images/xyb.png) -44px -25px;top:112px;left:44px;z-index:99}
.xyb_nr .pic img{width:120px;height:120px;border-radius:20px}
.xyb_nr .tit{width:254px;padding:0 26px;box-sizing:border-box;font-size:20px;font-weight:700;text-align:center;height:32px;line-height:32px;margin:8px 0 16px;overflow:hidden}
.xyb_nr .tit a{color:#333}
.xyb_nr .pic .cover_120{display:none}
.xyb_nr .down{width:150px;height:30px;display:block;margin-top:16px;margin-left:52px;overflow:hidden}
.xyb_nr .down.azDown{background:#688fe7}
.xyb_nr .down a{float:left;width:50%;height:30px;line-height:30px;cursor:pointer;color:#fff;text-align:center}
.xyb_nr .down.azDown a{width:100%}
.xyb_nr .down a.az {}

/*<!--首页top_mainBody_right结束-->*/

@media (min-width: 768px) and (max-width: 1180px) {
.Mid3-tl2 .tlbt + div ul>li{display: block;float: left;width: 110px;height: 160px;margin: 10px 62px 0 0;}
.game-hj ul li{border-radius: 10px;display: block;float: left;width: 216px;height: 120px;margin: 0 36px 20px 0;position: relative;overflow: hidden;}
.game-hj ul li img{border-radius: 10px;width: 216px;height: 120px;}
.game-hj ul li p{line-height: 26px;position: absolute;width: 216px;height: 26px;left: 0;bottom: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 14px;transition: all .1s linear;-webkit-transition: all .1s linear;}

}